.page {
    z-index: 1;
    position: relative;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
  }
  
  .layer1 {
    z-index: auto;
    width: 35%;
    height: 100%;
  }
  
  /* .main1 {
    z-index: 38;
    width: 35%;
    height: 100%;
    background-color: rgba(216, 216, 216, 0);
  } */
  
  .img1 {
    z-index: 39;
    width: 35%;
    height: 100%;
  }
  
  .main2 {
    z-index: auto;
    width: 30%;
    height: 100%;
    margin: 250px auto;
  }
  
  .txt1 {
    z-index: 28;
    width: 476px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(43, 119, 234, 1);
    font-size: 34px;
    font-family: PingFangSC-Semibold;
    white-space: nowrap;
    line-height: 48px;
    text-align: left;
  }
  
  .main3 {
    z-index: 2;
    height: 421px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 28px 16px rgba(19, 53, 104, 0.05);
    align-self: center;
    margin-top: 56px;
    width: 410px;
    justify-content: flex-start;
    padding-top: 38px;
    align-items: center;
    position: relative;
  }
  
  .outer1 {
    z-index: auto;
    width: 339px;
    height: 319px;
  }
  
  .word1 {
    z-index: 3;
    width: 40px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(34, 36, 40, 1);
    font-size: 20px;
    white-space: nowrap;
    line-height: 28px;
    text-align: left;
    align-self: center;
  }
  
  .mod1 {
    z-index: 10;
    width: 300px;
    height: 40px;
    border-width: 1px;
    border: 1px solid rgba(221, 221, 221, 1);
    align-self: flex-end;
    margin-top: 30px;
    margin-left: -40px;
  }
  
  .mod2 {
    z-index: 11;
    width: 300px;
    height: 40px;
    border-width: 1px;
    border: 1px solid rgba(221, 221, 221, 1);
    align-self: flex-end;
    margin-top: -5px;
    margin-left: 40px;
  }
  
  .mod3 {
    z-index: auto;
    width: 298px;
    height: 20px;
    margin: 30px 0 0 20px;
  }
  
  .outer2 {
    z-index: 30;
    height: 16px;
    background-color: rgba(216, 216, 216, 0);
    margin-top: 2px;
    width: 16px;
    justify-content: center;
    align-items: flex-end;
  }
  
  .mod4 {
    z-index: 31;
    width: 15px;
    height: 15px;
    border-width: 1px;
    border: 1px solid rgba(34, 36, 40, 0.4);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
  }
  
  .info1 {
    z-index: 4;
    width: 84px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(49, 49, 49, 0.8);
    font-size: 14px;
    white-space: nowrap;
    line-height: 20px;
    text-align: left;
    margin-left: 12px;
  }
  
  .outer3 {
    z-index: 33;
    height: 16px;
    background-color: rgba(216, 216, 216, 0);
    width: 16px;
    justify-content: center;
    align-items: flex-end;
    margin: 2px 0 0 74px;
  }
  
  .main4 {
    z-index: 34;
    width: 15px;
    height: 15px;
    /* background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng38bf59752c2372e4132bc21da5cf2063c4555cd27de97df0029f5b187fda1616) -1px -1px
      no-repeat; */
  }
  
  .txt2 {
    z-index: 5;
    width: 84px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(49, 49, 49, 0.8);
    font-size: 14px;
    white-space: nowrap;
    line-height: 20px;
    text-align: left;
    margin-left: 12px;
  }
  
  .mod5 {
    z-index: 14;
    height: 44px;
    background-color: rgba(43, 119, 234, 1);
    margin-top: 42px;
    width: 339px;
    justify-content: center;
    align-items: center;
  }
  
  .word2 {
    z-index: 15;
    width: 56px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 20px;
    text-align: left;
  }
  
  .mod6 {
    z-index: auto;
    width: 339px;
    height: 17px;
    margin-top: 12px;
    justify-content: space-between;
  }
  
  .word3 {
    z-index: 6;
    width: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(43, 119, 234, 1);
    font-size: 12px;
    white-space: nowrap;
    line-height: 17px;
    text-align: left;
  }
  
  .word4 {
    z-index: 7;
    width: 60px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(43, 119, 234, 1);
    font-size: 12px;
    white-space: nowrap;
    line-height: 17px;
    text-align: left;
  }
  
  .outer4 {
    z-index: 12;
    height: 40px;
    border-width: 1px;
    border: 1px solid rgba(221, 221, 221, 1);
    background-color: rgba(242, 242, 242, 0.3);
    width: 40px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 36px;
    top: 96px;
  }
  
  .mod7 {
    z-index: 24;
    height: 22px;
    background-color: rgba(216, 216, 216, 0);
    width: 22px;
    justify-content: center;
    align-items: center;
  }
  
  .mod8 {
    z-index: 25;
    width: 14px;
    height: 15px;
    /* background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng94e42a47c69701f2ea26a0002f8f3b0b49b2a1981e4ba8feb390da2fee3b5367) -1px -1px
      no-repeat; */
  }
  
  .txt3 {
    z-index: 8;
    position: absolute;
    left: 85px;
    top: 106px;
    width: 84px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(179, 179, 179, 1);
    font-size: 14px;
    white-space: nowrap;
    line-height: 20px;
    text-align: left;
  }
  
  .outer5 {
    z-index: 13;
    height: 40px;
    border-width: 1px;
    border: 1px solid rgba(221, 221, 221, 1);
    background-color: rgba(242, 242, 242, 0.3);
    width: 40px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 36px;
    top: 152px;
  }
  
  .bd1 {
    z-index: 17;
    height: 22px;
    background-color: rgba(216, 216, 216, 0);
    width: 22px;
    justify-content: center;
    align-items: center;
  }
  
  .group1 {
    z-index: 18;
    width: 16px;
    height: 17px;
    /* background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdafc02fa02f09687a659a4492856a8a8354f6bfe75be2b682870dbc9c9d57464)
      0px -1px no-repeat; */
  }
  
  .word5 {
    z-index: 9;
    position: absolute;
    left: 85px;
    top: 162px;
    width: 70px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(179, 179, 179, 1);
    font-size: 14px;
    white-space: nowrap;
    line-height: 20px;
    text-align: left;
  }
  
  .main5 {
    z-index: 346;
    height: 100%;
    background-color: rgba(216, 216, 216, 0);
    width: 35%;
    justify-content: flex-start;
    align-items: flex-end;
  }
  
  .img2 {
    z-index: 347;
    width: 492px;
    height: 555px;
  }
  